<template>
  <div class="customer_bottom_tab mr_t30">
    <div>
      <a href='javascript:;' class="index">首页</a>
      <a href='javascript:;' class="account_center">账户中心</a>
      <a href='javascript:;' class="united_center">联盟中心</a>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">

</script>

<style lang="less" rel="stylesheet/less" scoped>
  @import "~common/less/variable.less";
  .customer_bottom_tab {
    width: 100%;
    border-radius: 5/@r;
    display: block;
    text-align: center;
    box-sizing: border-box;
    padding: 0 20/@r;
    border: 1px solid #DBDEDF;
    -webkit-box-shadow: 0px 0 0px #ccc, 0px 0 0px #ccc, 0 0px 0 #ccc, 0 2px 4px #ccc;
    box-shadow: 0px 0 0px #ccc, 0px 0 0px #ccc, 0 0px 0 #ccc, 0 2px 0px #ccc;
    margin-top: 36/@r;
    a {
      padding: 18/@r 0;
      width: 33.3%;
      float: left;
      color: #3f4856;
      font-size: 26/@r;
      height: 80/@r;
      display: block;
      position: relative;
    }
    a:after {
      content: "";
      display: block;
      clear: both;
      position: absolute;
      top: 20%;
      bottom: 20%;
      width: 1px;
      height: 60%;
      background: #dfe0e0;
      visibility: visible;
      right: 0;
    }
    a:last-child:after {
      visibility: hidden;
    }
  }
</style>
